.mall-grabToday {
    z-index: -1;
    top: 0;
    width: 100%;
    height: 100%;
    // min-height: 4rem;
    background-image: url(https://s10.mogucdn.com/mlcdn/c45406/200910_571d75bbfjcigjg11i1llcidfhk49_1125x338.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 3rem;
    position: absolute;
    margin-top: -.45rem;
    // height: calc(100vh - 6.48rem);

    .grabToday-top {
        width: 9.546667rem;
        background-image: url(https://s10.mogucdn.com/mlcdn/c45406/200922_5ehl492if5i6d4gd6gfel1akc37fe_702x426.png);
        background-color: rgb(255, 255, 255);
        background-size: cover;
        margin: .24rem;
        border-radius: .12rem;
        overflow: hidden;
        height: 6rem;
        margin-top: 0.8rem;
        
        .grabTodayImg {
            display: block;
            width: 9.546667rem;
            height: 1.2rem;
            border-radius: 5px;
            
        }

        .navTop {
            width: 9.546667rem;
            height: 4.88rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding:  0.32rem 0.32rem;

            .nav-item {
                z-index: 3;
                .nav-img {
                    width: 2.853333rem;
                    height: 2.986667rem;

                    .navImg {
                        display: block;
                        border: none;
                        width: 100%;
                        height: 100%;
                    }
                }

                .nav-content {
                    width: 2.853333rem;
                    height: 1.6rem;
                    padding: 0 .16rem;
                    border-radius: 0 .06rem .06rem 0;
                    background-image: url();
                    background-size: cover;

                    .content-title {
                        width: 2.293333rem;
                        // 多行文本溢出
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 1;
                        overflow: hidden;
                        font-size: .24rem;
                        color: #333;
                        line-height: 0.6rem;
                    }

                    .cotent-bottom {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;

                        .bottom-left {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;

                            span {
                                font-size: 0.373333rem;
                                color: #f46;
                                font-weight: 700;
                                line-height: 0.44rem;
                            }

                            em {
                                font-style: normal;
                                text-decoration: line-through;
                                font-size: 0.32rem;
                                color: #999;
                                line-height: 0.36rem;
                            }
                        }

                        .bottom-right {
                            font-size: .22rem;
                            color: #fff;
                            width: 0.6rem;
                            height: 0.6rem;
                            background-image: -webkit-linear-gradient(244deg, #ff86a8, #ff3e62);
                            background-image: linear-gradient(-154deg, #ff86a8, #ff3e62);
                            border-radius: 100%;
                            text-align: center;
                            line-height: 0.6rem;

                            span {
                                font-size: 0.32rem;
                            }
                        }
                    }
                }

                .grabbed {
                    position: relative;
                    left: 0;
                    top: -2.3rem;
                    font-size: 0.32rem;
                    color: #fff;
                    width: 2.5rem;
                    height: 0.52rem;
                    line-height: 0.52rem;
                    // opacity: .9;
                    background-color: #000;
                    // background-image: -webkit-linear-gradient(left, #ff4ba9 5%, #f46 82%);
                    // background-image: linear-gradient(-270deg, #ff4ba9 5%, #f46 82%);
                    border-radius: 0 0.5rem 0.5rem 0;
                    padding: 0 .16rem 0 .08rem;
                    display: flex;
                    align-items: center;
                    // 多行文本溢出
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;

                    i {
                        font-size: 0.373333rem;
                    }

                    span {}
                }
            }
        }

        .mall-allSale{
            position: absolute;
            top: 1.88rem;
            width: 9.546667rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding:  0 0.32rem;

            
            .allSale{
                
                width: 2.853333rem;
                z-index: 4;

                .allSale-item {
                    width: 2.853333rem;
                    height: 3rem;
                    overflow: hidden;
    
        
                    .allSaleImg {
                        // display: none!important;
                        display: block;
                        border: none;
                        width: 100%;
                        height: 100%;
                    }
                }
               
            }

            .allSale:nth-of-type(2){
                display: none;
            }
        }
    }
}